<!--
 * @Author: folusGan 245942153@qq.com
 * @Date: 2024-07-08 09:00:43
 * @LastEditors: folusGan 245942153@qq.com
 * @LastEditTime: 2024-07-18 14:23:35
 * @Description: 
-->
<template>
  <div class="page-header flex-container">
    <app-logo />
    <simple-menu :menus="menus" />
    <LangSelect />
  </div>
</template>
<script>
import AppLogo from './app-logo.vue'
import SimpleMenu from './simple-menu.vue'
import LangSelect from './lang-select.vue'
export default {
  name: 'AppHeader',
  components: { AppLogo, SimpleMenu, LangSelect },
  computed: {
    menus() {
      return [
        {
          routerPath: '/home-page',
          title: this.$t('homePage'),
        },
        {
          routerPath: '/about',
          title: this.$t('aboutUs'),
        },
        {
          routerPath: '/products',
          title: this.$t('productsIntroduce'),
        },
        {
          routerPath: '/download',
          title: this.$t('download'),
        },
        {
          routerPath: '/concat',
          title: this.$t('concat'),
        },
      ]
    },
  },
  data() {
    return {}
  },
}
</script>
<style lang="scss" scoped>
.page-header {
  height: 60px;
  justify-content: space-between;
}
</style>
